@font-face {
    font-family: myFirstFont;
	 src: url(obrazky/urw.ttf);
}



@font-face {
    font-family: astrofont;
    src: url(astro.ttf);
}

span.astro 
{
   font-family: astrofont;
   font-size: 30px;
}

table.center {
  margin-left: auto;
  margin-right: auto;
}

body {
	//background-color: gray;
	background-color: #0c3e8c;
	background-image: url('free images/hviezdy.jpg');
	background-size: contain;
	background-attachment: fixed;
	color: white;
	font-size: 20px;
	font-family: serif;
}

#more {display: none;}

p, td, tr, table, li {
	border: none;
	font-size: 20px;}

img
{
	
	}

div.hlavicka {

//font-family: myFirstFont;
//background-image: url('modrenebo.jpg');
//background-color: #200772;
//background-color: #412C84;
//	text-align: center;
	
	
	background-image: url('obrazky/hlavicka-2.svg');
//  background-image: url('free images/od katky/grafika2.jpg');
	background-position: center center;
	background-size: 1000px auto;
	background-color:#412C84;
	color: white;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: 105px;
//   height: 200px;
	border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
}

div.hlavicka img {
	//background-color: #200772;
}

div.menu {
	//text-align: center;

	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.telo {	
	width: 940px;
	//background-color: #412C84;
	background-color: #0c3e8c;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	color: white;
	padding: 30px;
}
	
div.pata {
	width: 1000px;
//	background: -moz-linear-gradient(bottom,#412C84,#200772 );
//	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#412C84', endColorstr='#200772');
	background: -moz-linear-gradient(bottom,#1f4683,  #023990);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f4683', endColorstr='#023990');
//background-color: #1f4683;
background-color: #023990;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}

h1 {
	font-size: 20;
	color: white;
	font-family: "Oldtown", serif;
	font-style: italic;
}

h1.lekcie {
	font-size: 30;
	text-align: center;
	font-style: normal;
}

h1.prispevky {
	font-size: 28px;
	font-style: normal;
	text-align: center;
}

h2.prispevky {
	font-size: 23px;
	text-align: left;
	font-style: normal;
}

h2.kurzy {
	font-size: 26px;
	text-align: left;
	font-style: normal;
}

h3.kurzy {
	font-size: 21px;
	text-align: left;
	font-style: normal;
}

h2 {
	font-size: 22;
}

a {
	color: white;
	text-decoration: none;
}

a.hlavicka
{
	//background-color:  white;
	//color: #200772;	
	
	color: gray;
	text-decoration: none;
	text-align: left;
	float: right;
}

a.menu, a.menu:visited, a.menu:link, a.menu:hover {
   color:white; 	
	text-decoration: none;
}

a.menu:hover {
color: yellow;
}

ul.menu{
	width: 992px;
	position: relative;
	display: inline-block;
	border: 1px solid #412C84;
	padding: 3px;
	list-style: none;
	text-align: center;
	margin-top: 0px;
	margin-bottom:  0px;
	background-color:#200772;
	-moz-border-radius: 10px;
	border-radius: 10px;
	//background: -moz-linear-gradient(bottom,#200772,  #412C84);
	//filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#200772', endColorstr='#412C84');
	background: -moz-linear-gradient(bottom,#271192,  #1f4683);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#271192', endColorstr='#1f4683');
}

li.menu, li.menu2, li.menu3{
	display: inline;
	position: relative;
	margin:  5px;
	font-size: 21px;
}

li.menu a:hover{
	color:  gray;
}
	
li.menu2 a:hover{
	color:  gray;
}
	
li.menu3 a:hover{
	color:  gray;
}

li.menu4 a:hover{
	color:  gray;
}

li.menu ul {
	display: none;
	position: absolute;
	top: 18px;
	left: -5px; 
	padding: 5px;
	width: 160px;
	text-align: left;
	font-size: 14;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background: -moz-linear-gradient(bottom,#412C84,#200772 );
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#412C84', endColorstr='#200772');
}

li.menu ul a {
	color: white;
}

li.menu ul li {
	list-style-type: none;
}

li.menu a{
	text-decoration: none;
	color: white;
}

li.menu2 a{
	text-decoration: none;
	color: #EEE78D;
}

li.menu3 a{
	text-decoration: none;
	color: coral;
	//color: #FF3838;
}

li.menu a:hover{
	text-decoration: none;
}

li.menu:hover > ul{
	display: block;
}